<template>
  <v-ons-page>
    <div class="user-head">
      <!-- 用户 -->
      <div class="user-group">
        <div class="user-face">
          <img
            src="../../assets/resource/consumer/user/face.jpg"
            alt="">
        </div>
        <div class="user-info">
          <div class="user-info-item">
            搁浅搁浅。 <img src="../../assets/resource/service/user/icon1.png" alt=""/>
          </div>
          <div class="user-info-item">
            18092536545
          </div>
        </div>
      </div>
      <div class="order-info-group">
        <div class="order-info-item">
          <p>0</p>
          <p>今日完成订单</p>
        </div>
        <div class="order-info-item">
          <p class="danger">0</p>
          <p>订单收入(元)</p>
        </div>
      </div>
    </div>

    <!-- 菜单 -->
    <div class="menu-group">
      <v-ons-list class="list">
        <v-ons-list-item @click="enterPage({path:'/ServiceWallet'})" class="list-item" modifier="chevron" tappable>
          <div class="center"><img src="../../assets/resource/service/user/icon3.png" alt=""/>我的余额</div>
          <div class="right"><span class="text-right">可用余额500元</span></div>
        </v-ons-list-item>
        <v-ons-list-item @click="enterPage({path:'/ServiceBankcardList'})" class="list-item" modifier="chevron" tappable><img
          src="../../assets/resource/service/user/icon2.png" alt=""/>银行卡管理
        </v-ons-list-item>
        <!--<v-ons-list-item @click="enterPage({path:'/ServiceBaseLayout'})" class="list-item" modifier="chevron" tappable><img
          src="../../assets/resource/service/user/icon4.png" alt=""/>历史订单
        </v-ons-list-item>-->
      </v-ons-list>

      <v-ons-list class="list">
        <v-ons-list-item @click="enterPage({path:'/ServiceBail'})" class="list-item" modifier="chevron" tappable><img
          src="../../assets/resource/service/user/icon5.png" alt=""/>保证金
        </v-ons-list-item>
        <v-ons-list-item @click="enterPage({path:'/ServiceStatisticMap'})" class="list-item" modifier="chevron" tappable><img
          src="../../assets/resource/service/user/icon6.png" alt=""/>统计报表
        </v-ons-list-item>
        <v-ons-list-item @click="enterPage({path:'/ServiceMessageManagement'})" class="list-item" modifier="chevron" tappable><img
          src="../../assets/resource/service/user/icon7.png" alt=""/>消息管理
        </v-ons-list-item>
      </v-ons-list>

      <v-ons-list class="list">
        <v-ons-list-item @click="enterPage({path:'/ServiceBaseLayout'})" class="list-item">
          <div class="center">
            <img src="../../assets/resource/service/user/icon8.png" alt=""/> 我的客服
          </div>
          <div class="right">
            <span class="text-right">123-123456</span>
          </div>
        </v-ons-list-item>
      </v-ons-list>

      <v-ons-list class="list">
        <v-ons-list-item @click="enterPage({path:'/ConsumerBaseLayout'})" class="list-item" modifier="chevron"  tappable><img
          src="../../assets/resource/service/user/icon9.png" alt=""/>返回用户
        </v-ons-list-item>
      </v-ons-list>

    </div>
  </v-ons-page>
</template>

<script>
  export default {
    data() {
      return {};
    },
    methods: {
      enterPage({path: path}) {
        this.$router.push({
          path: path
        });
      }
    },
  }
</script>

<style scoped lang="less">
  @import "../../assets/less/service/user.less";
</style>
